<template>
	<view class="playout">
		<custom-nav-bar title="分类"></custom-nav-bar>
		<view class="classify">
			<pic-item v-for="item in classList" :item="item" :key="item._id"></pic-item>
		</view>
	</view>
</template>


<script setup>
	import {apiGetClassList} from "@/api/apis.js"
	
	const classList=ref([])
	async function getClassList(){
		uni.showLoading({
			title:"加载中..."
		})
		let res=await apiGetClassList({
			pageSize:100
		})
		classList.value=res.data
		uni.hideLoading()
	}
	getClassList()
</script>

<style lang="scss" scoped>
	.classify{
		display: grid;
		grid-template-columns: repeat(3,1fr);
		gap: 15rpx;
		padding: 30rpx;
	}
</style>
